<style>
    
    .profile-avatar-container {
        position: relative;
        width: 100px;
        margin: 0 auto;
    }

    .profile-avatar-container .profile-user-img {
        width: 100px;
        height: 100px;
    }

    .profile-avatar-container .profile-avatar-text {
        display: none;
    }

    .profile-avatar-container:hover .profile-avatar-text {
        display: block;
        position: absolute;
        height: 100px;
        width: 100px;
        background: #444;
        opacity: .6;
        color: #fff;
        top: 0;
        left: 0;
        line-height: 100px;
        text-align: center;
    }

    .profile-avatar-container button {
        position: absolute;
        top: 0;
        left: 0;
        width: 100px;
        height: 100px;
        opacity: 0;
    }
</style>


<div class="row animated fadeInRight">
    <div class="col-md-3">
        <div class="box box-primary">
            <div class="panel-heading">
                部门展示
            </div>
            <div class="panel-body">
                <div class="box-body box-profile">
                    <div id="ID-tree-demo"></div>
                    
                    
                    
                </div>
<!--                <div class="form-group">
                    <button class="btn btn-primary" lay-on="e1">{:__('Submit')}</button>
                    <button  class="btn btn-default">{:__('Reset')}</button>
                </div>-->

            </div>
        </div>

    </div>
    <div class="col-md-9">
        <div class="panel panel-default panel-intro panel-nav">
            <div class="panel-heading">
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#one" data-toggle="tab"><i class="fa fa-list"></i> 分配规则</a></li>
                </ul>
            </div>
            <div class="panel-body">
                <div id="myTabContent" class="tab-content">
                    <div class="tab-pane fade active in" id="one">
                        <div class="widget-body no-padding">
                            <div id="toolbar" class="toolbar">
                                {:build_toolbar('refresh')}
                               
                                <a href="javascript:;" class="btn btn-success btn-plan btn-disabled disabled{:$auth->check('zhongzhuan/fenpei/feiyuassignkehudetail/batchUpdatePlan')?'':'hide'}" title="{:__('Add')}" ><i class="fa fa-plus"></i> 分配数</a>
                                <a href="javascript:;" class="btn btn-success btn-shangban-status btn-disabled disabled {:$auth->check('zhongzhuan/fenpei/feiyuassignkehudetail/batchUpdateStatus')?'':'hide'}" title="{:__('Edit')}" ><i class="fa fa-pencil"></i> 上班</a>                                
                                <a href="javascript:;" class="btn btn-danger btn-bushangban-status btn-disabled disabled {:$auth->check('zhongzhuan/fenpei/feiyuassignkehudetail/batchUpdateStatus')?'':'hide'}" title="{:__('Edit')}" ><i class="fa fa-pencil"></i> 不上班</a>  
                                <span  class="text-danger">计划分配数:<b style="font-size:20px;" id="people_count">0</b>人；</span>
                                <a href="javascript:;" class="text-danger">成功分配数:<b style="font-size:20px;" id="success_people_count">0</b>人；</a>

                            </div>
                            <table id="table" class="table table-striped table-bordered table-hover table-nowrap" width="100%">

                            </table>

                        </div>
                    </div>

                </div>
            </div>
        </div>

    </div>
</div>


